<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>products</title>
    <link rel="stylesheet" href="__PUBLIC__/style/style.css">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/main.js"></script>
</head>
<body style="background:#F5F5F5;">
<script type="text/javascript" src="__PUBLIC__/js/requ.js"></script>
<div class="header">
    <include file="Public/component/header" />
</div>
<div class="products-container">
    <div class="products-nav">
        <div class="nav-main">
            <span>选购手机·平板</span>
            <a href="javascript:;">小米手机5C</a>
            <a href="javascript:;">小米MIX</a>
            <a href="javascript:;">小米Note2</a>
            <a href="javascript:;">小米5s</a>
            <a href="javascript:;">小米5s Plus</a>
            <a href="javascript:;">小米手机5</a>
            <a href="javascript:;">红米4x</a>
            <a href="javascript:;">红米4</a>
            <a href="javascript:;">红米Note4x</a>
            <a href="javascript:;">红米4A</a>
        </div>
        <a href="javascript:;" class="more">查看全部></a>
        <script type="text/javascript">
            $(function(){
                var more = $('.more');
                var nav_main = $('.products-nav');
                more.click(function(){
                    var he = nav_main.height();
                    if(he==160){
                        nav_main.css('height','80px');
                    }
                    else{
                        nav_main.css('height','160px');
                    }
                });
            });
        </script>
    </div>
    <div class="pro-banner" style="background:url(__IMAGE__/{$model['0']['photourl']}{$model['0']['photoname']});">
        <a href="{:U('Single/index',array('id'=>$model[0][id]))}"></a>
    </div>
    <div class="products-cart">
        <div class="cart-top">
            <a href="javascript:;">
                <img src="__IMAGE__/{$model['1']['photourl']}{$model['1']['photoname']}" alt="" style="width: 606px;height: 360px">
            </a>
        </div>
        <div class="cart-bottom">
            <h2>{$model['1']['name']}</h2>
            <span>{$model['1']['price']}</span>
            <p>{$model['1']['content1']}/{$model['1']['content2']} </p>
            <a href="{:U('Single/index',array('id'=>$model[1][id]))}">立即购买</a>
        </div>
    </div>
    <div class="products-cart">
        <div class="cart-top">
            <a href="javascript:;">
                <img src="__IMAGE__/{$model['2']['photourl']}{$model['2']['photoname']}" alt="" style="width: 606px;height: 360px">
            </a>
        </div>
        <div class="cart-bottom">
            <h2>{$model['2']['name']}</h2>
            <span>{$model['2']['price']}</span>
            <p>{$model['2']['content1']}/{$model['2']['content2']} </p>
            <a href="{:U('Single/index',array('id'=>$model[2][id]))}">立即购买</a>
        </div>
    </div>
    <div class="products-cart">
        <div class="cart-top">
            <a href="javascript:;">
                <img src="__IMAGE__/{$model['3']['photourl']}{$model['3']['photoname']}" alt="" style="width: 606px;height: 360px">
            </a>
        </div>
        <div class="cart-bottom">
            <h2>{$model['3']['name']}</h2>
            <span>{$model['3']['price']}</span>
            <p>{$model['3']['content1']}/{$model['3']['content2']}  </p>
            <a href="{:U('Single/index',array('id'=>$model[3][id]))}">立即购买</a>
        </div>
    </div>
    <div class="products-cart">
        <div class="cart-top">
            <a href="javascript:;">
                <img src="__IMAGE__/{$model['4']['photourl']}{$model['4']['photoname']}" alt="" style="width: 606px;height: 360px">
            </a>
        </div>
        <div class="cart-bottom">
            <h2>{$model['4']['name']}</h2>
            <span>{$model['4']['price']}</span>
            <p>{$model['4']['content1']}/{$model['4']['content2']}  </p>
            <a href="{:U('Single/index',array('id'=>$model[4][id]))}">立即购买</a>
        </div>
    </div>
    <img src="__PUBLIC__/images/phone-section-04.jpg" alt="">
</div>
<div class="footer">
    <include file="Public/component/footer" />
</div>
</body>
</html>